<!DOCTYPE html>
<html>
  <head>
		<!-- <meta http-equiv="Refresh" content="0;url=index" /><meta/> -->
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link type="text/css" rel="stylesheet" href="./css/bootstrap-theme.min.css" />
		<link type="text/css" rel="stylesheet" href="./css/bootstrap.min.css" />
		
 <style>
  	.hero-unit{
  		width: 500px;
  		position: absolute;
		left: 50%; 
  		top: 50%;
  		margin-left: -310px;  
  		margin-top: -170px;
  		background: #3A87AD;
  	
  	}
  	.head{
  		position: absolute;
  		width: 620px;
		margin-left :-310px; 
  		top:50%;
  		left:50%;  
  		margin-top: -273px;
  	}
  
  </style>
  
  <script type="text/javascript">
  	if(self!=top){top.location=self.location;}
  </script>
  </head>
  
 
  
  <body>
  <div class="head" style=""><h2 class="text-center">分布式数据采集系统</h2></div>
  <div class="hero-unit">
  		
		<form class="form-horizontal" action="index/login" method="post">
		  <div class="control-group">
		    <label class="control-label" for="inputEmail"><i class="icon-user"></i> 用户名</label>
		    <div class="controls">
		      <input type="text" name="username" placeholder="user"/>
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputPassword"><i class="icon-lock"></i> 密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
		    <div class="controls">
		      <input type="password" name="password" placeholder="Password">
		    </div>
		  </div>
		  <div class="control-group">
		    <div class="controls">
		      <button type="submit" class="btn">登&nbsp;&nbsp;录</button>
		    </div>
		  </div>
		</form>
	</div>
  </body>
</html>
